<style>
#module_menu dl{float:left;padding-right:4px; margin-right:5px; border-right:1px solid #ddd}
#module_menu dl.last{border:0}
#module_menu a{cursor:pointer}
#module_menu a:hover{padding:0 4px;background:#a00;color:#eee;text-decoration:none}
</style>

<h3>:: Modules Menu ::</h3>

<dl class="span-5">
	<dt>About</dt>
	<dd>
		<ul>
			<li><a rev="m101">Motivation</a></li>
			<li><a rev="m102">Philosophy</a></li>
			<li><a rev="m103">Buzz</a></li>
		</ul>
	</dd>
	<hr/>
	<dt>Layout</dt>
	<dd>
		<ul>
			<li><a rev="m200">Layout Width</a></li>
			<li><a rev="m201">Module Definition</a></li>
			<li><a rev="m202">Module Layout Definition</a></li>
			<li><a rev="m203">Column Layout Definition</a></li>
		</ul>
	</dd>
	<hr/>
	<dt>Module</dt>
	<dd>
		<ul>
			<li><a rev="m301">About Module Template Customization</a></li>
			<li><a rev="m302">Custom Module Template B</a></li>
			<li><a rev="m303">Custom Module Template C</a></li>
		</ul>
	</dd>
</dl>
<dl class="span-6">
	<dt>Controls</dt>
	<dd>
		<ul>
			<li><a rev="m401">Tabs Control</a></li>
			<li><a rev="m402">Accordion Control</a></li>
			<li><a rev="m403">Local Link</a></li>
			<li><a rev="m404">Tab Link</a></li>
			<li><a rev="m405">How to integrate jQuery UI Plugins</a></li>
			<li><a rev="m406">Example: jqModal</a></li>
			<li><a rev="m407">jQuery UI with Theme Support</a></li>
		</ul>
	</dd>
	<hr/>
	<dt>Customize</dt>
	<dd>
		<ul>
			<li><a rev="m501">Customize Navigation Tabs</a></li>
			<li><a rev="m502">Customize Content Layout</a></li>
			<li><a rev="m503">Customize Module</a></li>
			<li><a rev="m504">Customize Tab Background</a></li>
			<li><a rev="m505">Customize Themes</a></li>
			<li><a rev="m506">Customize Features</a></li>
			<li><a rev="m507">Lose Some Weight</a></li>
		</ul>
	</dd>
</dl>
<dl class="span-4 last">
	<dt>XDO</dt>
	<dd>
		<ul>
			<li><a rev="m601">XML Data Object</a></li>
			<li><a rev="m602">Message Processing</a></li>
			<li><a rev="m603">Event Handling</a></li>
			<li><a rev="m604">XDO Programming Model</a></li>
		</ul>
	</dd>
	<hr/>
	<dt>Download</dt>
	<dd>
		<ul>
			<li><a rev="m801">Resources &amp; Credits</a></li>
			<li><a rev="m802">License</a></li>
		</ul>
	</dd>
</dl>

<div class="success clear">A new module will be appended to the first column at a menu item click.
Customize this menu in <b>menu.html</b></div>
<div class="notice">Note: a same module is allowed only ONCE per tab</div>